﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<title>topMOVIES.com | MOVIES - Resident-Evil-5</title>
	
	<link rel="stylesheet" href="style/style.css">
	<link rel="stylesheet" href="style/reset.css">
	
	<link href="images/blackmovies.ico" rel="shortcut icon" type="image/x-icon" />

	<!-- Start VideoLightBox.com HEAD section -->
	<link rel="stylesheet" href="style/videolightbox.css" type="text/css" />
		
	<link rel="stylesheet" type="text/css" href="style/overlay-minimal.css"/>
	<script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/swfobject.js" type="text/javascript"></script>
	<script src="js/jquery.tools.min.js" type="text/javascript"></script>
	<script src="js/videolightbox.js" type="text/javascript"></script>
	<!-- End VideoLightBox.com HEAD section -->
	
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.carouFredSel-6.1.0.js"></script>
	<script type="text/javascript" src="js/main-nav.js"></script>
	<script type="text/javascript" language="javascript">

			$(function() {
				$('#animation').carouFredSel({
					width: 1008,
					height: 300,
					scroll:{ 
						items: 1
					},
					prev: '#prev',
					next: '#next',
					auto:{
						timeoutDuration : 2000
					}
				});
			});
	</script>
    <script type="text/javascript" src="js/login.js"> </script>
</head>
<body onLoad="loginCheck()">
	<div id="part1">
		
	</div>
	<div id="part2">
		
	</div>
	<div id="wrap">
		<div id="top-page">
			<p><a href="register.html">Register</a> | <a href="login.html">Login</a></p>
		</div><!--end #top-page-->

		<div id="header">
			<h1><a href="index.html">topMOVIES</a></h1>
		</div><!--end #header-->

		
		<div class="top-bar-wrap" style="background: #333333;">
			<div id="top-bar">
				<ul id="menu">
					<li><a href="home.html"><img src="images/home.png" alt="">&nbsp;Home</a></li>
					<li><a href="movies.html"><img src="images/video.png" alt="">&nbsp;Movies</a>
						<ul>
							<li><a href="movies-top.html">Top</a></li>
							<li><a href="movies-actions.html">Actions</a></li>
							<li><a href="movies-animation.html">Animation</a></li>
							<li><a href="movies-comedy.html">Comedy</a></li>
							<li><a href="movies-romance.html">Romance</a></li>
						</ul>
					</li>
					<li><a href="contact.html"><img src="images/phone.png" alt="">&nbsp;Contact</a></li>
					<li><a href="about.html"><img src="images/man.png" alt="">&nbsp;About Us</a></li>
					<li><a href="gallery.html"><img src="images/photo.png" alt="">&nbsp;Gallery</a>
						<ul>
							<li><a href="photos.html">Photos</a></li>
							<li><a href="Videos.html">Videos</a></li>
						</ul>
					</li>
					<li><a href="news.html"><img src="images/rss.png" alt="">&nbsp;News</a></li>				
				</ul>
				
				<div id="search-box">
					<form id="searchForm" name="searchForm" method="post" action="">
						<table>
							<tr>
								<td><label>Search </label></td>
								<td><input type="text" class="required" size="24" value="Enter your text here" ></td>
								
							</tr>
						</table>
					</form>
					
				</div>
				<div class="clearfix"></div>
			</div><!--end #top-bar-->
		</div><!--end .top-bar-wrap-->
		
		

		

		<div id="container">
			<div id="primary">	
				

				<div class="movies-content" id="movies-detail">
					<img src="images/movies-detail/Pitch Perfect/6.jpg" alt="">

					<div class="movies-info">
						<div class="header-info">	
							<h2>Pitch Perfect (2012)</h2>
							<p>
								Length: 112 min 
								 - <a href="#">Comedy</a>
								 <span>|</span> <a href="#">Music</a>
								 <span>|</span> <a href="#">Romance</a>
								 
							</p>
						</div><!--end #header-info-->
						
						<div class="rate">
							<p>
								Ratings: <strong>7.3</strong>/10 from <a href="#">23,489 users</a>   Metascore: <a href="#">66/100</a> 
								<br>
								Reviews: <a href="#">73 user</a> | <a href="#">96 critic</a> | <a href="#">33</a> from <a href="#">Metacritic.com</a>
							</p>	
						</div>

						

						<div class="sum">
							<p>
								Beca, a freshman at Barden University, is cajoled into joining The Bellas, her school's all-girls singing group. Injecting some much needed energy into their repertoire, The Bellas take on their male rivals in a campus competition. <br><br> 
							</p>
							<p>
								<span>Director:</span> <a href="#">Stewart Hendler</a><br>
								<span>Writer:</span> <a href="#">Todd Helbing, Aaron Helbing</a><br>
								<span>Stars:</span> <a href="#"> Tom Green</a>, <a href="#"> Anna Popplewell</a> and <a href="#"> Enisha Brewster</a><br>
							</p>
						</div>

						<div>
							
						</div>
					</div><!--end #movies-info-->
					<div class="clearfix"></div>

					<div id="video">
						<h1>Trailer</h1>
						<div class="videogallery">
							<a class="voverlay" href="http://www.youtube.com/v/siEHekc-1oE?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Jack the Giant Slayer Trailer 2013 Movie - Official [HD]"><img src="images/movies-detail/Pitch Perfect/thumb.jpg" alt="Jack the Giant Slayer Trailer 2013 Movie - Official [HD]" /><span></span></a><a class="videolb" href="http://videolightbox.com">jQuery Video Player by VideoLightBox.com v2.1</a>
						</div>
					</div>

					<div id="summary">
						<h1>Summary</h1>
						<p>
							In 2525, as mankind has begun to colonise space, a group of cadets are training to fight against human insurrectionists. One of these cadets, Thomas Lasky, has doubts about his abilities as a soldier and his convictions for this war. Whilst he struggles with himself, the planet is invaded by an unknown alien race. Reeling under the assault, Lasky and his squad mates are rescued by John-117, one of the UNSC’s legendary SPARTAN-II super-soldiers. John must inspire Lasky to fulfill his potential as a soldier and a leader to fight against an enemy deadlier than any that humanity has faced before.
						</p>
					</div>

					<div id="photos">
						<h1>Photos</h1>
						<img src="images/movies-detail/Pitch Perfect/1.jpg" alt="">
						<img src="images/movies-detail/Pitch Perfect/2.jpg" alt="">
						<img src="images/movies-detail/Pitch Perfect/3.jpg" alt="">
					</div>
					<div id="comment">

						
					</div>
				</div>
	    	</div><!--end #primary-->
				<div id="side-bar">
				<div class="navigator">
					<h1>NEWEST</h1>
					<div class="newest-post">
						<h2 class="title"><a href="Resident-Evil-5.html">Resident Evil 5: Retribution</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Halo-4-Forward-Unto-Dawn-(2012).html">Halo 4: Forward Unto Dawn (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Premium-Rush.html">Premium Rush</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Pitch-Perfect.html">Pitch Perfect (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Looper-(2012).html">Looper (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Frankenweenie.html">Frankenweenie (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="The-Bourne-Legacy-(2012).html">The Bourne Legacy (2012) </a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
				</div>
				
				<div class="navigator">
					<h1>POPULAR POST</h1>
					<div class="newest-post">
						<h2 class="title"><a href="Resident-Evil-5.html">Resident Evil 5: Retribution</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Halo-4-Forward-Unto-Dawn-(2012).html">Halo 4: Forward Unto Dawn (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Premium-Rush.html">Premium Rush</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Pitch-Perfect.html">Pitch Perfect (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Looper-(2012).html">Looper (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="Frankenweenie.html">Frankenweenie (2012)</a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
					<div class="newest-post">
						<h2 class="title"><a href="The-Bourne-Legacy-(2012).html">The Bourne Legacy (2012) </a></h2>
						<p class="date-time">13 comment - 7 hour ago</p>
					</div>
				</div>
				
				
			</div><!--end #side-bar-->
			<div class="clearfix"></div>
		</div><!--end #container-->

		<div id="footer">
            <div id="top-footer">
            	<h1><a href="home.html">topMOVIES</a></h1>
            </div><!--end #bottom-footer-->
            
            <div id="bottom-footer">
            	<p id="left">© 2008 - 2012 The topMOVIES</p>
                <p id="right">
                	<a href="contact.html"> Contact </a>  /  <a href="about.html"> About Us </a>  /  <a href="home.html"> topMOVIES </a>
                </p>
            </div><!--end #bottom-footer-->
		</div><!--end #footer-->

		
	</div><!--end #wrap-->

	<div id="fixed">			
            <div id="fixed-wrap">	
            	<span>Social Links: </span>
            	<a href="http://www.google.com"><img src="images/social/google.png" alt="google" /></a>
                <a href="http://www.facebook.com"><img src="images/social/facebook.png" alt="facebook" /></a>
                <a href="http://www.Twitter.com"><img src="images/social/twitter.png" alt="twitter" /></a>
                <a href="http://www.youtube.com"><img src="images/social/youtube.png" alt="youtube" /></a>
            </div>
	</div><!--end #fixed-->
	
    <div id="adv">
    	<div id="adv-wrap">
	    	<div id="adv-link">
	    		<div class="link-group">
	    			<h1 class="link-group-title">TOP MOVIES</h1>
	    			<ul>
	    				<li><a href="about.html">About</a></li>
	    				<li><a href="home.html">Home</a></li>
	    				<li><a href="mobilever.html">Mobile version</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">FRIEND's</h1>
	    			<ul>
	    				<li><a href="http://www.pub.vn">pub.vn</a></li>
	    				<li><a href="http://www.phimhay4u.com/">phimhay4u.com</a></li>
	    				<li><a href="http://www.movies.hdviet.com">movies.hdviet.com</a></li>
	    				<li><a href="http://www.vuaphim.net/">Vuaphim.net</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">FLLOWS US</h1>
	    			<ul>
	    				<li><a href="http://www.facebook.com">Facebook</a></li>
	    				<li><a href="http://www.Twitter.com">Twitter</a></li>
	    				<li><a href="http://www.Youtube.com">Youtube</a></li>
	    				<li><a href="http://www.Google.com">Google</a></li>
	    			</ul>
	    		</div>
	    		<div class="link-group">
	    			<h1 class="link-group-title">HELP</h1>
	    			<ul>
	    				<li><a href="contact.html">Contact</a></li>
	    				<li><a href="FAQs.html">FAQs</a></li>
	    			</ul>
	    		</div>

	    		<div class="link-group">
	    			<h1 class="link-group-title">TOP MOVIES</h1>
	    			<ul>
	    				<li><a href="about.html">About</a></li>
	    				<li><a href="home.html">Home</a></li>
	    				<li><a href="mobilever.html">Mobile version</a></li>
	    			</ul>
	    		</div>
	    		<div class="clearfix"></div>
	    	</div><!--end #adv-link-->
	    	<div class="line-x"></div>
            
    	</div><!--end #adv-wrap-->
    </div><!--end #adv-->
</body>
</html>